<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>01-首页-批发专场-商品详情-搜索-无结果</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="screen-orientation" content="portrait">
<meta name="x5-orientation" content="portrait">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta http-equiv="Expires" content="-1">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Pragma" content="no-cache">
<link href="css/public.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<script src="js/jquery-2.1.4.min.js"></script>
<script src="js/TouchSlide.1.1.js"></script>

</head>
<body class="graybody">
    <div class="overhidden">
        <form>
            <header class="header_search header">
                <div class="header_left"><a href="#" class="returnico"></a></div>
                <div class="searchdiv"><input type="text" placeholder="搜索您想找的内容..."/></div>
                <div class="header_right"><input type="submit" value="搜索" class="searchsub fontcolor"/></div>
            </header>
        </form>
        <!--筛选、排序-->
        <div class="filterBox">
            <div class="select filterTit selected">
                <span>综合排序</span><i class="togArr"></i>
                <ul class="selectList">
                    <li class="cur"><span>综合排序</span><i></i></li>
                    <li><span>新品</span><i></i></li>
                    <li><span>评论</span><i></i></li>
                    <li><span>价格由高到低</span><i></i></li>
                    <li><span>价格由低到高</span><i></i></li>
                </ul>
            </div>
            <div class="radio filterTit">
                <span>销量优先</span>
            </div>
            <div class="viewcheck">
                <div class="viewStyle "></div>
                <div class="checkBoxes">
                    <span>筛选</span><i class="loudou"></i>
                </div>
            </div>
            <div class="filter">
                <div class="filterBg"></div>
                <div class="filterCon">
                    <h3 class="filHeader">筛选</h3>
                    <div class="filScroll">
                        <div class="filSection checkboxSec">
                            <h4>服务</h4>
                            <ul class="filDetail">
                                <li class="selected">仅看有货</li>
                                <li>促销</li>
                            </ul>
                        </div>
                        <div class="filSection">
                            <h4>价格区间</h4>
                            <div class="filDetail price_area">
                                    <input type="number" value="" placeholder="最低价" class="price_d" >
                                    <span class="line_mid">-</span>
                                    <input type="number" value="" placeholder="最高价"  class="price_g">
                            </div>
                        </div>
                        <!---------------发货地筛选------------>
                        <div class="filSection toggleSec addressSec">
                            <h4 class="address_fahuo">发货地</h4>
                            <div class="area_selBox toggleBox">
                                <ul class="filDetail resultBox">
                                    <li class="selected">北京</li>
                                    <li class="selected">北京市</li>
                                </ul>
                                <h4>省份</h4>
                                <ul class="filDetail">
                                    <li class="selected">北京</li>
                                    <li >上海</li>
                                    <li>天津</li>
                                    <li >重庆</li>
                                    <li>江苏</li>
                                    <li >浙江</li>
                                    <li>河北</li>
                                </ul>
                                <h4>城市</h4>
                                <ul class="filDetail">
                                    <li class="selected">北京市</li>
                                    <li >上海市</li>
                                    <li>天津市</li>
                                    <li >重庆市</li>
                                    <li>郑州</li>
                                    <li >南京</li>
                                    <li>广州</li>
                                </ul>
                            </div>
                        </div>
                        <!---------------发货地结束------------>
                        <div class="filSection toggleSec checkboxSec">
                            <h4>全部分类</h4>
                            <ul class="filDetail toggleBox">
                                <li>时尚女装</li>
                                <li>品牌男装</li>
                                <li>家电数码</li>
                                <li>鞋包配饰</li>
                                <li>运动健康</li>
                                <li>美容护肤</li>
                                <li>家居日用</li>
                                <li>家具家装</li>
                                <li>文体、汽车服务</li>
                                <li>母婴用品</li>
                            </ul>
                        </div>
                        <div class="filSection toggleSec checkboxSec">
                            <h4>品牌</h4>
                            <ul class="filDetail toggleBox">
                                <li>阿迪达斯</li>
                                <li>耐克</li>
                                <li>茵宝</li>
                                <li>锐步</li>
                                <li>AND1</li>
                                <li>匹克</li>
                            </ul>
                        </div>
                        <div class="filSection toggleSec checkboxSec">
                            <h4>颜色</h4>
                            <ul class="filDetail toggleBox">
                                <li>白</li>
                                <li>黑</li>
                                <li>蓝</li>
                                <li>红</li>
                            </ul>
                        </div>
                    </div>
                    <div class="empty45"></div>
                    <div class="filterFooter">
                        <div class="reset left">重置</div>
                        <div class="sure right indexbgcolor">完成</div>
                    </div>
                </div>
            </div>
        </div>
        <!--筛选结束-->
        <div class="looklist fenleiList">
            <div class="noResult">
                <img src="images/noResult.png" width="88" style="margin-left:-15px;">
                <p>抱歉！暂无搜索结果</p>
            </div>
        </div>

        <!--回到顶部-->
        <div class="backtopbg top"></div>
    </div>

</body>
<script type="text/javascript">
$(function(){
    //综合、新品、评价切换
    $(".select").click(function(){
        $(".overhidden").height($(window).height()).css("overflow","hidden");
        $(this).toggleClass("open");
        $(".selectList").fadeToggle();
    })
    $(".selectList").click(function(){
        $(".overhidden").height($(window).height()).css("overflow","scroll");
        event.stopPropagation();
        $(this).hide();
        $(".select").removeClass("open");
    })
    $(".selectList li").click(function(){
        event.stopPropagation();
        $(".overhidden").height($(window).height()).css("overflow","scroll");
        var filTit = $(this).children("span").html();
        $(this).addClass("cur").siblings("li").removeClass("cur");
        $(this).parents(".select").children("span").html(filTit);
        $(".selectList").stop().hide();
        $(".select").removeClass("open").addClass("selected");
        $(".radio").removeClass("selected")
    })
    $(".filterBox .radio").click(function(){
        $(this).addClass("selected").siblings(".radio,.select").removeClass("selected");
        $(".selectList").hide();
        $(".select").removeClass("open");
    })
//    切换视图模式
    $(".viewStyle").click(function () {
        $(this).toggleClass("listView");
        $(".fenleiList").toggleClass("listStyle");
    })
//    筛选
    $(window).resize(function(){
        $(".filScroll").height(window.innerHeight-$(".filHeader").height()-$(".filterFooter").height());
        var winwid = $(window).width();
        if(winwid<=640){
            $("html").css("font-size",(winwid/320)*100+"px");
        }else{
            $("html").css("font-size","200px");
        };
    }).resize();
    $(".checkBoxes").click(function(){
        $(".overhidden").height($(window).height()).css("overflow","hidden");
        $(".filter").show();
        $(".filterCon").stop().animate({right:0},300);
    })
    $(".filterBg").click(function(){
        $(".overhidden").css("overflow","auto");
        $(".filter").delay(300).fadeOut(300);
        $(".filterCon").stop().animate({right:"-85%"},300);
    })
    $(".filterCon .sure").click(function(){
        $(".overhidden").css("overflow","auto");
        $(".filter").delay(300).fadeOut(300);
        $(".filterCon").stop().animate({right:"-85%"},300);
    })
    $(".filterCon .reset").click(function(){
        $(".filterCon .filSection .selected").removeClass("selected");
        $(".addressSec .resultBox").empty();
    })
    $(".toggleSec>h4").click(function () {
        $(this).parent(".toggleSec").toggleClass("open");
        $(this).siblings(".toggleBox").slideToggle();
    })
    $(".checkboxSec .filDetail li").click(function () {
        $(this).toggleClass("selected");
    })
	//回到顶部
	$(window).scroll(function(e) {
		var dis1=$(window).scrollTop();
		var dis2=$(window).height();
		if(dis1>dis2){
    		$('.top').fadeIn(500);
		}else{
    		$('.top').fadeOut(500);
		}
    });
	$('.top').click(function(e) {
        $('html,body').animate({scrollTop:0},300);
    });
})
</script>
</html>